<template>
  <div class="fileGroupViewDialog">
    <div style="width:300px;height:200px;background-color:red;">
      <div>请输入文件名</div>
      <input type="text" v-model="text" />
      <button @click="close">确认</button>
    </div>
  </div>
</template>

<script lang="ts">
  import {
    Vue,
    Component,
    Prop,
    Watch,
  } from 'vue-property-decorator';
  @Component({
    name: 'fileGroupViewDialog',
  })
  export default class fileGroupViewDialog extends Vue {
    //data
    text: string = '';
    //method
    close() {
      if (this.text.length <= 0) {
      } else {
        this.$emit('TreeFileDialogEvent', 2, this.text);
        this.$emit('TreeFileDialogEvent', 0);
      }
    }
  }
</script>

<style scoped>
  .fileGroupViewDialog {
    display: flex;

    height: 900px;
    width: 800px;
    background-color: rgba(44, 44, 44, 0.18);
  }
</style>
